.get-apps__app-badge {
	display: flex;
	max-width: 135px;
	max-height: 40px;
	margin-left: 0.5rem;

	// Set overflow: hidden here instead of the parent node so that its focus outline is not cut-off.
	> a {
		overflow: hidden;

		&:focus-visible {
			box-shadow: 0 0 0 2px var(--color-primary);
		}
	}

	&:first-child {
		margin-left: 0;
	}

	// Crops the Android badge in order to remove the transparent space around it and generate a size-equivalent image
	// to the iOS badge.
	&.android-app-badge img {
		transform: scale(1.13) translate(-7px, -5.1px);
		transform-origin: left;
	}
}
